<template>
    <div class="wrap">
        <div class="container">
            <TopBreadCrumb></TopBreadCrumb>
            <div class="user_center_content">
                <!-- 左侧菜单 -->
                <LeftNavMenu></LeftNavMenu>
                <!-- 左侧菜单结束 -->
                <!-- 右侧内容开始  -->
                <div class="right_user_content">
                    <div class="right-title border-bottom">
                        <div class="title">订单详情 </div>
                    </div>
                    <div class="order_content">
                        <div class="order_content_show">      
                            <!-- 订单详情-商品 -->
                            <div class="order_goods_content">
                                <div class="order_goods_list">
                                    <div class="order_goods_info">
                                        <div class="order_goods_img">
                                            <img src="@/assets/images/img.png">
                                        </div>
                                        <div class="goods_spec_info">
                                            <div class="goods_name">同种异体肌腱</div>
                                            <div>型号：150680431530</div>
                                            <div>规格：200x20x5mm</div>
                                            <div>备注：多种产品规格满足临床不同需求</div>
                                        </div>
                                    </div>
                                    <div class="company_name">北京鑫康辰医学科技发展有限公司</div>
                                    <div class="goods_price">￥230.00</div>
                                    <div class="car_num_operate">10</div>
                                    <div class="goods_price_all">￥2300.00</div>
                                </div>
                                <div class="order_goods_list">
                                    <div class="order_goods_info">
                                        <div class="order_goods_img">
                                            <img src="@/assets/images/img.png">
                                        </div>
                                        <div class="goods_spec_info">
                                            <div class="goods_name">同种异体肌腱</div>
                                            <div>型号：150680431530</div>
                                            <div>规格：200x20x5mm</div>
                                            <div>备注：多种产品规格满足临床不同需求</div>
                                        </div>
                                    </div>
                                    <div class="company_name">北京鑫康辰医学科技发展有限公司</div>
                                    <div class="goods_price">￥230.00</div>
                                    <div class="car_num_operate">10</div>
                                    <div class="goods_price_all">￥2300.00</div>
                                </div>
                            </div>
                            <!-- 收货信息 -->
                            <div class="order-info-content">
                                <div class="order-title">收货信息</div>
                                <div class="order-info">
                                    <ul>
                                        <li><span>收货人</span>张三</li>
                                        <li><span>收货地址</span>北京市朝阳区清河营东路88号</li>
                                        <li><span>联系电话</span>15915815715</li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 订单信息 -->
                            <div class="order-info-content">
                                <div class="order-title">订单信息</div>
                                <div class="order-info">
                                    <ul>
                                        <li><span>订单号</span>220109193821-OTUK-I-0114674</li>
                                        <li><span>订单时间</span>2022-03-15 15:29:02</li>
                                        <li><span>订单状态</span>交易关闭</li>
                                        <li><span>订单备注</span>公司内部使用，请将产品使用独立打包方式寄出。</li>
                                        <li><span>关闭类型</span>买家取消订单</li>
                                        <li><span>关闭原因</span>其他原因</li>
                                    </ul>
                                </div>
                            </div>
                            
                            <!-- 商品总价 -->
                            <div class="order-price-all">
                                <div class="price-all">
                                    <p><span>商品总价：</span><span>￥5700.00</span> </p>
                                    <p><span>运费(快递)：</span><span>￥0.00</span> </p>
                                    <p class="text-blue"><span>实付总额：</span><span>￥5700.00</span> </p>
                                </div>
                            </div>
                            <div class="btn-group">
                                <el-button class="btn-main" round>重新下单</el-button>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- 右侧内容结束 -->
            </div>
        </div>
    </div>
</template>

<script>

  export default {
    data() {
        return {
            
        };
    },
    methods: {
    },
    mounted: function(){

    }

  };
</script>
<style>


</style>